<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="zh"><head>
    <!--<link href="/public/static/wap/css/weui.css" rel="stylesheet">-->
    <meta charset="UTF-8">
<title>会员登录</title>
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0">
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link href="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/wap/css/weui.css" rel="stylesheet">
<link href="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/plugins/icon108/mmiconfont.css" rel="stylesheet">
<link href="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/wap/css/wap.css" rel="stylesheet">
<script src="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/plugins/jquery/jquery-3.1.1.min.js"></script>
<script src="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/plugins/layer/mobile/layer.js"></script><link href="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/plugins/layer/mobile/need/layer.css?2.0" type="text/css" rel="styleSheet" id="layermcss">
<script src="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/js/common.js"></script>
    <script src="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/plugins/Validform/5.3.2/Validform.min.js"></script>
    <style>
        body{background-color: #000103}
        .login-bg{position:absolute;width:100%;height: 100%; z-index: -10;background-color: #2d4283;}
        .login-log{text-align: center; margin-top: 20px;}
        .login-log-img{max-width: 100px;}
        .login-form{margin: 0 auto;width: 260px;}
        .login-form-itme{height:32px;overflow: hidden;text-align: center; border: solid 1px #cdcdcd;  margin-top: 15px; border-radius: 4px;-moz-box-shadow: 2px 2px 5px #888888;box-shadow: 2px 2px 5px #888888;}
        .login-form .weui-input{height:31px;border: none;  padding: 10px 10px; font-size: 18px; color: #ffffff; background-color: rgba(247, 247, 247, 0.22);}
        .login-other{margin-top: 30px;color: #ffffff; font-size: 14px;}
        .login-form .weui-flex__item{text-align: center}
        .Validform_error{background-color: #f7bfbe}
    </style>
</head>
<body>
<div class="main-box">
    <div class="login-bg">
        <img src="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/wap/images/login_bg.jpg" width="100%">
    </div>
    <div class="login-log"><img class="login-log-img" src="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/uploads/images/20170410/f33f923021f8b1da3d4bfe6cb26b90c8.png" width="100%"></div>
    <div class="login-form">
        <form id="login-post" method="post">
        <div class="login-form-itme">
            <input class="weui-input" type="text" name="user" placeholder="登录帐号" datatype="s4-24" errormsg="登录帐号格式错误" nullmsg="请填写登录帐号">
        </div>
            <div class="login-form-itme">
                <input class="weui-input" type="password" name="pwd" placeholder="登录密码" datatype="*6-12" errormsg="登录密码格式错误" nullmsg="请填写登录密码">
            </div>
            <div style="margin-top: 30px">
                <button class="weui-btn weui-btn_primary">登 录</button>
            </div>

        </form>

        <div class="weui-flex login-other">
            <div class="weui-flex__item"><a href="/wap/index/index.html"><span class="mmico mmico-round" style="background-color:#e88c13"></span></a>首页</div>
            <div class="weui-flex__item"><a href="/wap/my/reg.html"><span class="mmico mmico-round" style="background-color:#1ABAFF"></span></a>注册帐户</div>
            <div class="weui-flex__item" id="weixinlog" style="display: none"><a href="/wap/my/index/weixin/yes.html"><span class="mmico mmico-round" style="background-color:#16bd14"></span></a>微信登录</div>
        </div>
    </div>


</div>
<div class="weui-footer weui-footer_fixed-bottom">
    <p class="weui-footer__text">Copyright © 2016-2017<br>蜀ICP备 16029538号</p>
</div>

<script>
    $(function () {
        $("#login-post").Validform({
            tiptype:function(msg,o,cssctl){
                if(!o.obj.is("form")){
                    var objtip=o.obj.siblings(".Validform_checktip");
                    cssctl(objtip,o.type);
                    ZCKJ.msg1(msg);
                    objtip.text(msg);
                }else{
                    var objtip=o.obj.find("#msgdemo");
                    cssctl(objtip,o.type);
                    objtip.text(msg);

                }
            },beforeCheck:function (form) {

            },label:'.control-label',tipSweep:true,ajaxPost:true,callback:function (d) {
                if(d.code == 1) {
                    window.location.href = d.url;

                }else {
                    ZCKJ.msg(d.msg);
                }

                return false;

            }
        });
        if(ZCKJ.isWeixin())$('#weixinlog').show();

    })
</script>

</body></html>